<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>储物柜</title>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="css/guizi.css"/>
		<script src="https://lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
		<script type="text/javascript" src="../../js/guizi/guizi.js"></script>
		<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
	</head>
	<body>
		<div id="tops">
			<h2 style="text-align: center;position: relative;top: 10px;">欢迎来到XX储物柜</h2>
			<a href="index.html">返回首页</a>
			<a href="Map.html">返回地图</a>
		</div>
		<div class="bord">
				<div id="bord-left">
					<div id="left-top">
						<h2 style="text-align: center;margin-top: 20px;;">小号柜</h2>
					</div>
					<ul id="xiao">
						 
					</ul>
				</div>
				<div id="bord-cent">
					<div id="cent-top">
						<h2 style="text-align: center;margin-top: 20px;;">中号柜</h2>
					</div>	
					<ul id="zhong">
						
					</ul>
				</div>
				<div id="bord-right">
					<div id="cent-top">
						<h2 style="text-align: center;margin-top: 20px;;">大号柜</h2>
					</div>	
					<ul id="da">
						 
					</ul>
				</div>
				<div id="bord-console">
					<img src="img/guitai.png" />
					<div id="cons-back">
						<p>欢迎来到XX柜台存取件</p>
						<p>输入您的取件码打开您的柜子</p>
					</div>
				</div>
		</div>
		
		<div id="cunkuangs">
				<div id="kuang-top">
					<h3 style="position: relative;left:20px;top:10px;">存放人信息</h3>
					<h1 id="h1s" style="color:red;position: relative;top:-25px;left:960px;">X</h1>
				</div>
				<div id="kuang-centers">
					<form id="forms">
						<input id="locIidx" type="hidden" name="boxId"/>
						<p>存放物品:<input id="lesThing" type="text" name="lesThing" /></p>
						<P style="margin-top: 10px;">物品大小:<select style="width:202px;height:35px;margin-left: 20px;">
							<option value="xiao">小</option>
							<option value="zhong">中</option>
							<option value="da">大</option>
						</select></P>
					</form>
					<button onclick="insertvt()" style="width:100px;height:30px;border:1px solid whitesmoke;position: relative;left:120px;top:40px">确认</button>
				</div>
		</div>
		
		<div id="qukuangs">
					<h1 id="qushan" style="color:red;cursor: pointer;">X</h1>
					<h2 style="text-align: center;"><span id="bianhao"></span>号储物柜</h2>
					<h3 style="margin-left: 100px;margin-top: 40px;">物品有:&nbsp;&nbsp;<span id="wuping"></span></h3>
					<h2  style="width:100px;height:30px;border:1px solid whitesmoke;position: relative;left:200px;top:60px" >取件成功</h2>
		</div>
		
		<div id="bottons">
			<div class="cun"></div>
			<div id="zero"></div>
			<div id="one"></div>
			<div id="two"></div>
			<div id="three"></div>
			<div id="four"></div>
			<div id="fan"></div>
			<div id="six"></div>
			<div id="seven"></div>
			<div id="eight"></div>
			<div id="nine"></div>
			<div id="withdraw"></div>
			<div id="ent"></div>
			<input type="text" name="fname" maxlength="3" id="texts" />
		</div>
	</body>
</html>
